blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
html,body{
	height: 100%;
	box-sizing: border-box;
	margin: auto;
}

.is-home-footer{
    margin-top:-225px;
}
.wp .page-navs{
    display: none !important;
}
.page-navs li >span{
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: 0 0;
    overflow: hidden;
}
.page-navs li.on>span{
    background-color: #11CCB1 !important;
    background-image: none !important;
    background: #00cdb2;
}
h1, h2, h3, h4, h5, h6{
    font-weight:bold !important;
}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'宋体'}
.fw{font-family:'微软雅黑'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
body{
    font:12px/1.5 "微软雅黑",
    "Microsoft Yahei";
    color:#444;
    /* background-color:#111; */
    /* overflow-x:hidden;
    overflow-y:auto; */
    /* padding-top:78px */
}
a{
    text-decoration:none;
    /* -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s */
}
/* a:hover{color:#11CCB1} */
img{max-width:100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}

/* input,select,textarea{font-size:12px;color:#444;font-family:"微软雅黑","Microsoft Yahei";outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} */

input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#ccc}
::-moz-placeholder{color:#ccc}
::-ms-input-placeholder{color:#ccc}
select::-ms-expand{display:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
.ani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
/* .wp{width:75%;max-width:1280px;margin:0 auto} */
.wp{max-width:1280px;margin:0 auto}
.h50{height:50px;clear:both;overflow:hidden}
.h100{height:100px;clear:both;overflow:hidden}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.bd1{background-color:#fff}
.login_rv {line-height: 30px; color: #fff;}
.login_rv span {margin: 0 5px;}
.login_rv span:hover {cursor: pointer; color: #11CCB1;}
.header{background-color:#1a1a1a;position:fixed;top:0;left:0;right:0;z-index:10}
.header:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0}
.header .logo{float:left;height:60px;line-height:60px;overflow:hidden}
.header .logo a{display:block;overflow:hidden}
.header .logo img{
    display:inline-block;vertical-align:middle;
    /* height:18px */
}

.m-compilel.ls .box_uimg .txt .desc {
    font-size: 12px;
    /* line-height: 1.75em; */
    /* overflow: hidden; */
    text-align: center;
    color: #ccc;
    /* max-height: 3.5em; */
}
/* 上传视频按钮 */
.box .upVideo {display: inline-block;vertical-align: middle;margin-right: 10px;width: 170px; height: 44px;line-height: 42px;border: 1px solid #ccc; overflow: hidden;font-size: 16px; color: #595959; text-align: center; border-radius: 5px;cursor: pointer; padding: 0; background-color: transparent;}
.box .upVideo.on {
    /* border-color: #11CCB1; background: #11CCB1; color: #fff; */
    border:none !important;
    color: #ddd;
    cursor: pointer;
}
.box .upVideo:hover{
    border-color: #ff4d2c; background: #ff4d2c; color: #fff;
    color:#fff !important;
}
.box .upVideo span {font-size: 16px;}

.install .el-radio__label {font-size: 14px; color: #595959;}
.install .el-radio__input.is-checked+.el-radio__label {color: #595959;}
.install .el-radio__input.is-checked .el-radio__inner {border-color: #11CCB1;background: #11CCB1;}
.install .el-checkbox__input.is-checked+.el-checkbox__label {color: #000;}
.install .el-checkbox__inner {width: 16px; height: 16px;}
.install .el-checkbox__input.is-checked .el-checkbox__inner,.install .el-checkbox__input.is-indeterminate .el-checkbox__inner {background-color: #11CCB1;border-color: #11CCB1;}
.install .el-checkbox__inner::after {left: 5px; top: 2px;}
.m-agreement .el-checkbox__input.is-checked+.el-checkbox__label {color: #606266; }

.haveLogin h3:hover {cursor: pointer;}











.custom-down-menu-full-screen{
	width:1280px;
    left:calc((100% - 1280px)/2) !important;
	padding-bottom:40px !important;
}

.details-fright{
    right:24px;
}

.avatar-uploader .el-upload {
	box-sizing: border-box;
}
.avatarView .el-upload {
	border: none !important;
}


.el-dropdown{
    cursor: pointer !important;
    white-space: nowrap;
}

.ul-imgtxtq1{
    display: flex;
    flex-wrap: wrap;
}

/* .header .has-sub-menu:hover .sub-m{
    height:auto;
    padding: 15px 15px 8px;
    overflow: inherit;
}
.nav li:hover dl{
    
} */
.no-padding{
    padding:0px !important;
}

.sm-img{
	height:100%;
}

.block-upload .el-upload{
    display: block !important;
}

.zp-upload .el-upload{
    border: none !important;
    height: 100% !important;
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100% !important;
}

a{
    cursor: pointer;
}

.team-avatar-upload .el-upload {
    height:100% !important;
    width:100% !important;
    border-radius:123px;
    overflow: hidden;
}
.team-pic{
	height:100%;
}
/* 
.ul-listl2 li:hover .down{
    height:auto;
    padding-top:21px;
    border-bottom:1px solid #eee;
} */

.m-textq1 .top .box h3 i img{
display: block;
}



.import-box{
	border:1px solid #F82A0D;
	left:190px;
	background:#fff;
	padding:10px;
	box-sizing: border-box;
	margin-top:5px;
	width:583px;
	border-radius:3px;
	box-shadow:0px 0px 15px 0px #8a8a8a;
	position:absolute;
	z-index: 1111;
}

.import-box input{
	background:#fff !important;
	display: block;
	width: 100% !important;
	cursor: inherit !important;
    height:78px;
    line-height: 43px;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    color: #333 !important;
	padding: 0 50px 0 20px;
	text-align: left !important;
}
.import-box .aldy-select-tags{
    background:#fff !important;
	display: block;
	width: 100% !important;
	cursor: inherit !important;
    height:78px;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    color: #333 !important;
	padding:5px 10px 0px 10px;
    box-sizing: border-box;
	text-align: left !important;
}
.import-box .aldy-select-tags i{
    font-style: normal;
    margin-left:10px;
    background:url('../../assets/remove_tag.png') no-repeat;
    width:7px;height:7px;
    display: inline-block;
}
.import-box .aldy-select-tags i:hover{
    color:red;
}
.import-box .aldy-select-tags .tip{
    color:#CFCFCF;
}
.import-container{
	position: relative !important;
	overflow:inherit !important;
}

.upload-video-list{
	margin-top:20px;
}
.upload-video-list ul li{
	padding:5px 10px;	
	font-size:14px;
}
.upload-video-list ul li i{
	vertical-align: middle;
}
.upload-video-list ul li .status{
	color:#0084ff;
	margin:0px 20px;
}
.upload-video-list ul li .file-name{
    width:400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.upload-video-list ul li .icon-play-btn{
	font-size:28px;
	background:#11CCB1;
	color:#fff;
	border-radius:50%;
}
.upload-video-list ul li .icon-close-btn{
	font-size:22px;
	cursor: pointer;
}
.upload-video-list ul li .icon-close-btn:hover{
	opacity:.8;
}



.drag-container .drag-item {
    border: 1px solid #ccc;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    cursor: move;
    user-select: none;
    background: #eee;
    margin-bottom: 10px;
  }
  .fm-upload{
      margin-right:20px;
  }
  .crop-fbar a{
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      width: 170px;
      height: 44px;
      line-height: 42px;
      border: 1px solid #ccc;
      overflow: hidden;
      font-size: 16px;    
      border-color: #0084ff;
      background: #0084ff;
      color: #fff;
      text-align: center;
      border-radius: 5px;
      cursor: pointer;
      padding: 0;
      margin-left: 20px;
  }
  



    
.el-cascader-menu__list .el-cascader-node__postfix{
    display: none !important;
  }

  .el-cascader-node:not(.is-disabled):hover,.el-select-dropdown__item:hover,.el-select-dropdown__item.hover,.el-dropdown-menu__item:not(.is-disabled):hover{
    background:inherit  !important;
    color:#11CCB1 !important;
  }

  .el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-select-dropdown__item.selected{
      color:#11CCB1 !important;
  }
  .aldy-attention{
      border:1px solid #ccc !important;
      background:#fff !important;
      color:#000 !important;
  }
  .aldy-attention i{
      font-style: normal;
      color:#595959;
  }
.aldy-attention .i2{
    display: none;
}
.aldy-attention:hover{
    background-color:#11CCB1 !important;
    border:1px solid #11CCB1 !important;
}
  .aldy-attention:hover .i2{
    display:inline-block;
    
    color:#fff;
  }
  .aldy-attention:hover .i1{
      display: none;
  }
  .qr-code img{
	margin:0 auto;
}

.g-create{
    background:#FFE411;
    border-color:#FFE411;
    color:#000;
}
.edit-cover-upload{
    /* width:460px; */
    height:240px;
}
.edit-cover-upload>div{
    width: 100%;
    height: 240px;
    display: block;
}
.empty-cover{
    height:100%;
    background-repeat:no-repeat;
    background-size:100% 100% !important;
    position: relative;
}
.empty-cover a{
    color:#fff;
    border:1px solid #ddd;
    border-radius:3px;
    font-size:14px;
    line-height:25px;
    display:inline-block;
    padding:0px 10px;
    position: absolute;
    left:40%;
    top:47%;
    font-weight:500;
    z-index: 1;
}
.empty-cover a:hover{
    opacity:.8;
}
.edit-cover-upload>div>img{
    width:100%;
    height:100%;
}
.cover-upload-tip{
    color:#C8C8C8;
    text-align: center;
    font-size:14px;
    margin-top:10px;
}

.li-no-content{
    text-align: center;
    margin-bottom:80px;
    margin-top:80px;
}
.li-no-content span{
    display: block;
    font-size:14px;
    color:#9C9C9C;
    margin-top:20px;
}
.up-at-sm-tip{
    color:#D6D6D6;
    font-size:12px;
    font-weight:normal;
    padding-left:30px;
}
.confirm-btn,.free-btn{
    background:#11CCB1 !important;
    color:#fff !important;
    border-color:transparent !important;
    transition:.2s all linear !important;
}
.confirm-btn:hover{
    background:#0dc3ab !important;
}

.clear-btn{
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 24px;
    color: #AAAAAA;
    cursor: pointer;
}
.clear-btn:active{
    opacity:.8;
}
/* .ql-editor{
    height:400px;
} */
.ul-imgtxtq1 .con:hover .mg-icon{
    opacity:1;
}
.mg-icon{
    position: absolute;
    top: 10px;
    right: 10px;
    width:35px;
    height:24px;
    z-index: 1;
    background:#fff;
    text-align: center;
    border-radius:6px;
    display:flex;
    justify-content: center;
    align-items: center;
    transition:.2s all linear;
    opacity:0;
}
.ul-imgtxtq1 .con{
    position: relative;
}
.mg-icon .icon{
    /* background:url('../../assets/eleven/rep_word_setting.png') no-repeat; */
    display: inline-block;
    background-position: center;
    width:35px;
    height: 24px;
}
.mg-icon:hover dl{
    display:block;
}
.mg-icon dl{
    transition: .2s all linear;
    height: auto;
    position: absolute;
    top: 24px;
    right: -5px !important;
    width:90px;
    background-color:transparent;
    /* border-radius: 4px; */
    overflow: hidden;
    margin-left: inherit;
    left: initial;
    font-size:14px;
    padding:8px;
    display: none;
}
.mg-icon dl dd:hover{
    background:#eee;
}
.mg-icon dl dd:hover a{
    color:#11CCB1;
}
.mg-icon dl dd{
    line-height:48px;
    border-bottom:1px solid #ddd;
    background:#fff;
}
.mg-icon dl dd:last-child{
    border-bottom:none;
}
.mg-icon dl dd:first-child{
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.mg-icon dl dd:last-child{
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
.mg-icon dl:after{
    content: '';
    width: 14px;
    height: 7px;
    background: url() center center no-repeat;
    -ms-background-size: cover;
    background-size: cover;
    position: absolute;
    top: 1px;
    right: 15px;
    left: inherit;
}
.header .user .pic{
    background:none !important;
}
.header .user .pic a{
    height:100%;
}
.edit-cover-btns{
    display: flex;
    justify-content: center;
}
.edit-cover-btns .btn{
width:150px !important;
}
.cover-temp-img{
    margin-left:10px;
    width:274px;
    height:206px;
    overflow: hidden;
}
.cover-temp-img img{
    height:100%;
    width:100%;
}

.cropper-view-box img{
    transition:inherit !important;
}
.cro-before{
    width:200px;height:180px;
    display: none;
}
.preview-img{
    width:100%;height:100%;
}

.mutiple-column{
    display: flex;
    flex-wrap: wrap;
    /* margin-top:40px; */

    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    padding-top:40px;
}
.mutiple-column dd{
    width:32.6%;
    /* margin-right:10px; */
    /* margin-top:0px !important; */
    margin-bottom:10px;
    /* margin-right:34px; */
    margin-top:0px !important;
}
.mutiple-column dd:nth-child(3n){
    margin-right:0px !important;
}

.mutiple-column{
    display: flex;
    flex-wrap: wrap;
    /* margin-top:40px; */

    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    padding-top:40px;
}
.mutiple-column li{
    width:32.6%;
    /* margin-right:10px; */
    /* margin-top:0px !important; */
    margin:0px !important;
    margin-bottom:20px !important;
    /* margin-right:34px; */
    margin-top:0px !important;
}
.mutiple-column li:nth-child(3n){
    margin-right:0px !important;
}


.mutiple-column-third{
    display: flex;
    flex-wrap: wrap;
    /* margin-top:40px; */

    -moz-column-count:3;
    -webkit-column-count:3;
    column-count:3;
    -moz-column-gap: 2em;
    -webkit-column-gap:2em;
    column-gap: 2em;
    padding-top:40px;
    margin-top:44px;
}
.mutiple-column-third dd{
    width:32%;
    /* margin-right:10px; */
    /* margin-top:0px !important; */
    margin-bottom:24px;
    /* margin-right:34px; */
    margin-top:0px !important;
}
.mutiple-column-third dd:nth-child(3n){
    margin-right:0px !important;
}

.mutiple-column-four{
    display: flex;
    flex-wrap: wrap;
    /* margin-top:40px; */
    -moz-column-count:4;
    -webkit-column-count:4;
    column-count:4;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    padding-top:40px;
    margin-top:30px;
}
.mutiple-column-four dd{
    width:23.5%;
    /* margin-right:10px; */
    /* margin-top:0px !important; */
    margin-bottom:24px;
    /* margin-right:34px; */
    margin-top:0px !important;
}
.mutiple-column-four dd:nth-child(3n){
    margin-right:0px !important;
}

.m-compilel.ls .uploaded-file{
    height:187px;
}
.m-compilel.ls .uploaded-file .pic{
padding-top:0px;
position: absolute;
top:0px;left:0px;
}
.m-compilel.ls .uploaded-file .pic img{
    width:100%;height:100%;
}
.zp-upload:hover .el-upload--text .hide-up-tip{
    display: inline-block !important;
}
.zp-upload:hover .el-upload--text .u-mask{
    display: inline-block !important;
}
.u-mask{
    background: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: none;
    opacity:.4;
}
.up-file-btn{
    color:#11CCB1;
    font-size:14px;
    font-weight:500;
}
.up-file-tip{
    margin-left:10px;
    color:#D9D9D9;
}

.a-tags{
    position: absolute;
    right:0px;
}
.a-tags img{
    /* width:18px;height:18px; */
}
.big-a-tags{
    margin-left:10px;
}
.big-a-tags img{
    /* width:30px;height:30px; */
}
.view-big{
    max-width: inherit;
    max-height: inherit;
    /* max-height:inherit; */
    cursor:zoom-out;
    display: block;
    margin:0 auto;
}
.no-view-big{
    max-width:100vw;
    max-height:100vh;
    cursor:zoom-in;
    display: block;
    margin:0 auto;
}
.m-user .user .bot a.btn1{
    color: #fff;
    background-color: #11CCB1;
    border-color: transparent;
}
.m-user .user .bot a.btn1:hover{
    color: #fff;
    background-color: #12c1a8;
    border-color: transparent;
}
.has-opacity{
    opacity:.4;
}
.tj-articles{
    /* width:100%; */
}
.tj-articles .ul-imgtxtq1{
    /* margin:0px 14% !important */
}
.tj-articles .ul-imgtxtq1 li{
    /* margin-bottom:0px !important; */
}
.tj-articles .ul-imgtxtq1 li a{
    border-radius:6px;
    overflow: hidden;
}
.tj-articles .ul-imgtxtq1 li .pic{
    margin-bottom:0px !important;
}
.tj-articles .ul-imgtxtq1 li .pic img{
    width:100%;
    height:100%;
}
.tj-articles .ul-imgtxtq1 li .txt{
    background:#fff;
    padding:4px;
} 
.show-tjarticle{
    opacity:.8;
}
.hd-r>div{
    margin-right:10px;
}
.header .mess .tt em{
    /* width:auto !important;
    padding:2px 4px;
    height:auto !important;
    line-height:16px;
    top:-8px;
    right:-8px;
    min-width:16px;
    box-sizing: border-box; */
}
.m-progress-bar{
    position: absolute;
    height: 18px;
    width: 90%;
    border: 1px solid #E5E5E5;
    z-index: 1;
    bottom: 40%;
    left: 5%;
    background: #E5E5E5;
    border-radius: 9px;
    overflow: hidden;
    padding: 1.5px;
    box-sizing: border-box;
}
.m-progress-bar .bar{
    display: block;
    left: 0px;
    margin-top: 0px;
    background: #F61908;
    height: 14px;
    line-height: 15px;
    transition: .4s all linear;
    color: #fff;
    text-align: center;
    border-radius: 7px;
}
.ul-imgtxtq5 .form .inp {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #333;
    line-height: 43px;
    font-weight: 700;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 0 65px 0 21px;
    overflow: hidden;
}
.ul-imgtxtq5 .form .sub-btn {
    display: block;
    float: right;
    width: 100px;
    height: 40px;
    font-size: 16px;
    color: #bfbfbf;
    line-height: 40px;
    text-align: center;
    background-color: #f2f2f2;
    border: none;
    border-radius: 6px;
    margin-top: 15px;
    overflow: hidden;
}
.ul-imgtxtq5 .form .ip{
    position: relative;
    overflow: hidden;
}
.ul-imgtxtq5 .form .ip span{
    display: block;
    font-size: 14px;
    color: #ccc;
    line-height: 1.5em;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translateY(-50%);
}
.ul-imgtxtq5 .form .sub-btn:hover {
    color: #fff;
    background: #11CCB1;
}

.g-lab1-group{
    display:flex;
    flex-wrap: wrap;
}
.g-lab1-group label{
    padding-left: 23px;
    font-size: 14px;
    color: #595959;
    overflow: hidden;
    cursor: pointer;
    margin-bottom:20px;
    position: relative;
    width:33.333333333%;
    display:flex;
    justify-content: center;
}
.g-lab1-group label span{
    width:100%;
}
.g-lab1-group input{
    position: absolute;
    left: -99999px;
}
.css-elp-str{
    display: inline;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-imgtxtq1 .pic>img{
    height:100%;
}
.cmt-report{
    display: none !important;
}
.z-cmt-item:hover .cmt-report{
    display:inline !important;
}
.ul-imgtxtq1 .txt h3{
    display: flex;
    height: 25px;
    line-height: 25px;
}
.ul-imgtxtq1 .txt h3 .title{
   width:inherit;
   overflow: hidden;
   text-overflow: ellipsis;
}
.no-absolute{
    position: relative !important;
}
.zdy-upload{
    position: absolute;
    z-index: 111;
    opacity: 0;
    width: 100%;
    height: 100%;
    border: 1px solid red;
    display: block;
    top: 0px;
    left: 0px;
}

#zdy_myupload{
    background:#fbfdff;
}
#zdy_myupload>div:last-child{
    position: absolute !important;
    left:0px !important;top:0px !important;
    height:100% !important;
    width:100% !important;
    opacity:0;
  }
  #zdy_myupload>div:last-child label{
      position: absolute;
      top:0px;
      left:0px;
  }
#yzUploadFm .el-upload-dragger{
    width:100% !important;
    border:none !important;
    background:#fbfdff;
    height:100%;
    border-radius:0px;
}

.zdy-upload-tip{
    position: absolute;
    z-index: 11;
    color: #fff;
    bottom: 5%;
    left: 35%;
    opacity:0;
    font-size: 16px;
    padding:10px 10px;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden;
    transition:.3s all linear;
    background:#000;
}
.zdy-upload-tip.show{
    opacity:1;
}

.hight-str{
    color:#11CCB1 !important;
    font-weight:normal !important;
}
.hight-str:hover{
    text-decoration: none !important;
}
  
  



.el-select>.el-input input::-webkit-input-placeholder,.el-cascader:not(.is-disabled) input::-webkit-input-placeholder,.el-cascader .el-input .el-icon-arrow-down{
	color:#606266 !important;
}

.g-viewer-tjarticle{
    z-index:14 !important;
}
.tj-mask{
    position: fixed;
    left: 0px;
    top: 0px;
    background: #000;
    width: 100%;
    height: 100%;
    z-index:13;
}
.ul-imgtxtq1 li{
    min-width:200px;
    position: relative;
}

.el-date-table td.today span{
    color:#F71217 !important;
}
.el-date-picker__header{
    background:#F71217 !important;
    margin:0px !important;
}
.el-date-picker__header button,.el-date-picker__header span{
	color:#fff !important;
}
.el-date-table td.current:not(.disabled) span{
    background:#F71217 !important;
    border-radius:0px !important;
    color:#fff !important;
}
.el-date-table td.available:hover{
    color:#F71217 !important;
}
.el-date-picker>div:last-child{
    display: none !important;
}

.rmk-quill-editor .ql-toolbar{
    display: none;
}
.rmk-quill-editor .ql-container{
    border:none !important;
}
.rmk-quill-editor .ql-editor{
    border-radius:4px !important;
    border:1px solid #e6e6e6 !important;
    border-top:1px solid #e6e6e6 !important;
    height:200px;
}
.rmk-quill-editor .ql-editor:focus{
    border:1px solid red !important;
}
.rmk-quill-editor .ql-snow .ql-blank:-webkit-input-placeholder{
    font-style: normal !important;
}


.rmk-quill-editor .ql-editor { height: 105px; } 

.need-el-select .el-input__inner{
    text-align: center !important;
}


.job-addr-cascader .el-input__inner{
    text-align: center !important;
}

.article-content-quill-editor /deep/ .ql-editor{
    height:350px;
}


/* 手机端优化 */

.banner .item a,.banner .item a img{
	/* height:100%; */
    width:100%;
}
.banner .item a{
    /* border-radius:6px; */
    overflow: hidden;
    position: relative;
    display: block;
}
.banner .item a:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .3;
}

.qqFace{
    position:absolute;display:none;z-index:1000;width:100%;background:#fff;
    height: 100px;
    overflow: auto;
    border: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
    border-radius:12px;
    overflow:hidden;
}

.qqFace table tr td img{
    cursor: pointer;
    /* border:1px solid #fff; */
    border-radius:34px;
}
.qqFace table tr td img:hover{
    box-shadow: 0px 1px 5px 5px #ffe8d4;
    border-radius: 34px;
}
.rp-face-thirds img:hover{
    box-shadow: 0px 1px 5px 5px #ffe8d4;
    border-radius: 34px;
}

.m-form .form{
    position: relative;
}

pre{
    white-space:pre-wrap;
}

.group-pic{
    width:30px !important;
    height:30px !important;
    border-radius:50%;
    position: absolute;
    bottom: -7px;
    right: -3px;
    border:3px solid #fff;
    cursor: pointer;
}
.m-textq1 .top .pic>a{
    display: block;
    border-radius: 50%;
    overflow: hidden;
}
.m-textq1 .top .pic{
    position: relative;
    overflow: initial !important;
    border-radius:0px !important;
}


.face-plugin{
    margin-top:10px;
}
.face-plugin .qqFace{
    /* left:40px !important; */
    width:360px !important;
    height:255px !important;
    bottom:0px !important;
    padding:25px;
    border:1px solid #D8DBEB;
}
.ul-imgtxtq5 .desc img{
    vertical-align: sub;
    width:24px;height:24px;
}
.face-plugin .qqFace table tr{
    line-height:52px;
}
.face-plugin .qqFace table tr td{
    text-align: center;
}
.private-sms-msg .qqFace{
    left:0px !important;
    width:auto !important;
    height:180px !important;
    top:-185px !important;
}
.private-sms-form{
    overflow: initial !important;
}
.private-sms-form .btnbox{
    margin:20px auto !important;
}
.send-op{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.send-op .qqFace{
    width:500px !important;
    height:auto !important;
}
  

.header .mess .box .desc p img{
    vertical-align: middle;
  }
  .ul-imgtxtq8 .form .inp{
      font-weight:normal;
  }
  
  .up-attach-file{
      position: relative;
      display: flex;
      cursor: pointer;
  }
  .up-file-btn input[type=file]{
    opacity:0;
  }

  .ul-imgtxtl1 .private-item-active{
      background:#fafafa;
  }

  .video-progress-box{
      position: relative;
      width:300px;
      height:18px;
  }
  .video-progress-box .m-progress-bar{
      bottom:0px !important;
  }

  .upload-file-box{
      position: relative;
      display: flex;
      cursor: pointer;
  }
  
  .upload-file-box input[type=file]{
      opacity:0;
  }

  
.upload-video-list ul li{
    display: flex;
    align-items: center;
  }
  
  .upload-video-list ul li .icon-play-btn{
    margin-right:5px !important;
  }

  .slick-dots li{
      width:auto !important;
  }
  .m-imgq1 .slick-prev:before,.m-imgq1 .slick-next:before{
      color:#7b7b7b !important;
  }

  .banner>button:before,.m-imgq1>button:before{
      display: none;
  }

  input[type=text], input[type=password],textarea{
      font-family: Arial, Helvetica, sans-serif;
  }

  .nav-ismobile{
      display:none;
  }

  .txt-width li{
    width:auto !important;
    margin-right:20px !important;
  }
  .hot-pic{
      position: absolute;
      top:15px;right:-25px;
  }

  
.team-name{
	text-overflow: ellipsis;
	max-width:300px;
	overflow:hidden;
}


@font-face {
    font-family: 'iconfont';  /* project id 2137622 */
    src: url('//at.alicdn.com/t/font_2137622_6qkrpvxutkh.eot');
    src: url('//at.alicdn.com/t/font_2137622_6qkrpvxutkh.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2137622_6qkrpvxutkh.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2137622_6qkrpvxutkh.woff') format('woff'),
    url('//at.alicdn.com/t/font_2137622_6qkrpvxutkh.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2137622_6qkrpvxutkh.svg#iconfont') format('svg');
}
.iconfont{
    font-family:'iconfont';
}
.icon-video-play:before{
    content: '\e668';
}

.custom-down-menu .popper__arrow{
	display: none !important;
}


.filter-type .cus-tom-drdwn button span{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filter-type .cus-tom-drdwn button span.text{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.filter-type .cus-tom-drdwn button:focus,.filter-type .cus-tom-drdwn button:visited{
    border:1px solid #DCDFE6 !important;
}


.cus-tom-drdwn .el-button:hover,.cus-tom-drdwn .el-button:active,.cus-tom-drdwn .el-button:focus{
    background-color:inherit !important;
    color:inherit !important;
}
.cus-tom-drdwn .el-button:hover{
    border:1px solid red !important;
}


.active-drop-down button,.active-drop-down button:hover{
    border:1px solid red !important;
}
.active-drop-down button span i{
    transform: rotate(-180deg);
    color:red;
}

.cus-tom-drdwn button .el-icon-close:hover{
    color:red;
    font-weight:500;
}

.ul-listl2-inspiration{
    margin:20px 0px 20px !important;
}
.ul-listl2-inspiration li{
    margin-right:13.1px;
}

#zdy_myupload.drag-over{
    background:#f1f1f1;
}
.drag-over .el-upload .el-upload-dragger{
    background:#f1f1f1 !important;
}
.flex-images{
    margin-left: -10px;
    margin-right: -10px;
}
.flex-right{
    justify-content: right;
}
.flex-images .item img{
    object-fit: cover;
}

.desc-str-inspiration *{
    color:#666 !important;
    word-break: break-all;
  }
  
.black-ins-constr *{
    color:#fff !important;
}

  .article {
    display: block;
    margin: 0 0 30px 0;
    padding: 12px;
    background: white;
    border-radius: 3px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    transition: all 220ms;
  }
  .article:hover {
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    transition: all 220ms;
  }
  .article > img {
    display: block;
    width: 100%;
    margin: 0 0 24px 0;
  }
  .article h2 {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 0 12px 0;
  }
  
  .water-column {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    box-sizing: border-box;
  }
  .water-column .grid-item{
      margin:0px 10px 10px 0px;
      overflow: hidden;
      cursor: pointer;
      position: relative;
  }
  @media (max-width: 640px) {
    .water-column {
      width: 50%;
    }
  }
  @media (max-width: 480px) {
    .water-column {
      width: auto;
      float: none;
    }
  }

  /* .grid .grid-item{
	float: left;
  margin:5px;
  cursor: pointer;
  overflow:hidden;
  position: relative;
}
.grid .grid-item img{
    width:100%;
    max-width:100%;
} */


.grid{
	margin-left:-20px;
	margin-right:-20px;
}


.grid-item{
  /* width:23%; */
  /* margin:0px 12px 24px 12px; */
  margin-bottom:10px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius:6px;
}
.grid-item img{
    border-radius:6px;
    object-fit: cover;
}

.el-select-dropdown__wrap{
    max-height:max-content;
}
.up-no-border .txtbox{
    border:none !important;
}
.inspiration-tip-box{
    position: absolute;
    min-width: 340px;
    background: #fff;
    line-height: 40px;
    border-radius: 5px;
    left: -160px;
    font-size: 14px;
    font-weight: 500;
    color: #5d5d5d;
    padding: 0 10px 0 25px;
    box-sizing: border-box;
    bottom: -35px;
}

.new-inspirations{
	margin: 31px -13px 11px;
}
.new-works li{
	padding: 0px 13px;
}
.new-works li{
	padding: 0 13px;
    width: 25%;
    margin-bottom: 30px;
}


.v-logs{
    position: absolute;
	width:50%;
	left:10px;
	top:0px;
	z-index: 1;
	height:40px;
	padding:10px 0px 0px 10px;
	display: flex;
	justify-content: space-between;
	transition:.2s all linear;
}
.v-logs .video-icon{
    width:38px;height:24px;
	background:url('../../assets/logs_video.png') no-repeat;
}

.un-login-mask{
    position: absolute;
    width: 100%;
    height:100%;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}
.un-login-mask .mask-wrap{
    height:100%;
    left:0px;
    bottom:0px;
    position: absolute;
    background:url('../../assets/un_login_mask.png') repeat-x;;
    width:100%;
    background-position: 0px 17px;
}
.yd-btns{
    text-align: center;
    height:50px;
    position: absolute;
    bottom:40px;
    left:0px;
    width:100%;
}
.yd-btns a{
    width:200.99px;line-height:49.99px;
    background: #00cdb2;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    color:#fff;
    transition:.3s all linear;
    font-size:16px;
    position: relative;
}
.yd-btns a:hover{
    background:#0dc3ab;
}
.un-login-no-more-h{
    height:964px;
    overflow: hidden;
    position: relative;
}




.ul-imgtxtq1 .top{
	display: flex;
	align-items: center;
	margin-bottom:0px;
}
.ul-imgtxtq1 .top .name{
	width:100%;
}
.ul-imgtxtq1 .top .name>a{
    display: flex;
    align-items: center;
}
.ul-imgtxtq1 .top .rr{
	width:100%;
	display: flex;
	justify-content: flex-end;
}
.ul-imgtxtq1 .top .rr span{
	margin-left:0px !important;
	float:none !important;
}
.ul-imgtxtq1 .top .rr span:last-child{
	margin-left:20px !important;
}


.ul-imgtxtq1 .pic .basic-info{
	position: absolute;
	width:100%;
	bottom:0px;
	left:0px;
	color:#fff;
	z-index:1;
	padding:0px 0px 10px 10px;
	opacity:0;
	transition:.3s all linear;
}
.ul-imgtxtq1 .pic .logs{
    position: absolute;
    width:100%;
    left:0px;
    top:0px;
    z-index: 1;
    height:40px;
    padding:10px 0px 0px 10px;
    display: flex;
    justify-content: space-between;
    transition:.2s all linear;
}
.ul-imgtxtq1 .pic .logs span{
    display:inline-block;
	margin-right:10px;
}

.ul-imgtxtq1 .pic .basic-info span{
	display: block;
}
.ul-imgtxtq1 .pic .basic-info .title{
	font-size:14px;
	margin-bottom:5px;
	font-weight:500;
}
.ul-imgtxtq1 .pic .basic-info .ss{
	font-size:12px;
	font-weight:500;
}
.ul-imgtxtq1 .pic .con-mask{
	background:linear-gradient(transparent,#000);
	position: absolute;
	width:100%;
	height:50%;
	bottom:0px;
	left:0px;
	opacity:0;
	transition:.3s all linear;
}

.ul-imgtxtq1 a:hover .pic .logs{
	opacity: 0;
}
.ul-imgtxtq1 a:hover .basic-info,.ul-imgtxtq1 a:hover .con-mask{
	opacity:1;
}
.ul-imgtxtq1 a:hover .pic .logs{
    
}

.focus-search-container{
    position: relative;
    /* top:-225px; */
}
.nine-center-nav{
    display: flex;
    position: relative;
}
.nine-center-nav .n-c-n-item{
    margin-right:32px;
    background:#fff;
    cursor: pointer;
    border-radius:12px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px #dcdcdc;
    user-select: none;
    height:300px;
}
.nine-center-nav .n-c-n-item>span{
    height:161px;
    display: inline-block;
    overflow: hidden;
    width:334px;
}
.nine-center-nav .n-c-n-item>span:hover img{
    transform: scale(1.08);
}
.nine-center-nav .n-c-n-item:last-child{
    margin-right:0px;
}
.n-c-n-item-bot{
    padding:0px 30px 0px 30px;
}
.n-c-n-item-bot .b-tit{
    font-size:20px;
    font-weight:700;
    margin-top:18px;
    line-height:19px;
    transition:.2s all linear;
    color:#000;
}
.n-c-n-item-bot .b-desc{
    font-size:14px;
    line-height:14px;
    margin:12px 0px 28px 0px;
    color:#596080;
}
.n-c-n-item-bot .b-find-btn:hover{
    opacity:.7;
}
.banner {
    overflow: hidden;
    position: relative;
}
.n-h-s-type-nav-subs a{
    display:inline-block;
    width:100%;
    padding:0px 20px;
    border-radius:6px;
    user-select: none;
    line-height: 32px;
}
.n-h-s-type-nav-subs a:hover{
    color:#191C1E;
    background:#F1F2F4;
}

.nine-home-search{
    display: flex;
    align-items: center;
    width:871px;
    height:64px;
    top:-135px;
    position: relative;
    background:#fff;
    border-radius:32px;
    padding:4px;
    justify-content: space-between;
    margin:0 auto;
    /* transition:.2s all linear; */
    z-index:3;
}
.n-h-s-type-nav{
    font-size:18px;
    font-weight:500;
    padding-left:20px;
    min-width:150px;
    line-height:54px;
    border-radius:54px;
    background:#ebedf5;
    cursor: pointer;
    transition:.3s all linear;
    position: relative;
}
.n-h-s-type-nav:hover{
    background:#d8dbeb;
}

.n-h-s-type-nav-sub-box{
    position: absolute;
    background:transparent;
    padding:0px;
    top:54px;
    overflow: hidden;
    left:-10px;
    opacity:0;
    height:0px;
    padding-top:8px;
}
.n-h-s-type-nav-subs{
    line-height:35px;
    font-weight:normal;
    font-size:14px;
    text-align: left;
    /* opacity:0; */
    width:150px;
    /* height:0px; */
    background:#fff;
    border-radius:8px;
    transition:.3s all linear;
    z-index:-1;
    /* position: absolute; */
    border:1px solid #D8DBEB;
    padding:10px;
}
.n-h-s-type-nav:hover .n-h-s-type-nav-sub-box{
    /* width:124.99px; */
    padding:10px;
    opacity:1;
    height:inherit;
    overflow:inherit;
    z-index:2;
    /* border:1px solid #D8DBEB; */
}
.nine-home-search input{
    border:none;
    font-size:18px;
    line-height:54px;
    padding-left:10px;
    width:75%;
}
.nine-home-search input:focus{
    border-color:#fff !important;
    border:none !important;
}
.n-h-s-icon-bar:hover{
    opacity:.7;
}
.home-search-mask{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index:116;
    transition:.2s all linear;
    animation: opacity 0.2s linear;
    /* opacity:0;
    &.focus-search-mask{
        opacity:1;
        z-index:116;
    } */
}
.focus-search .nine-home-search{
    z-index:118;
}
.nine-top-box{
    position:relative;
    /* height:620px; */
    /* margin-bottom:40px; */
}

.nine-center-nav .n-c-n-item:hover .b-tit{
    color:#11CCB1;
}
.fixed-nine-home-search{
    top:16px;
    min-width:450px;
    max-width:450px;
    border-radius:10px;
    margin-right:20px;
    height:44px;
    border-radius:44px;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    box-shadow: rgb(0 0 0 / 7%) 0px 0.5rem 1.5rem;
    border: 1px solid rgba(83, 83, 110, 0.25);
    transition:box-shadow 0.2s ease-in-out 0s, border 0.2s ease-in-out 0s;;
}


.fixed-nine-home-search{
    background:rgb(255 255 255 / 20%);
    transition:.1s all linear;
}
.fixed-nine-home-search input{
    background:transparent;
}
.fixed-nine-home-search:hover{
    background:#fff;
}

.fixed-nine-home-search .n-h-s-type-nav:after{
    top:10px;
}

.fixed-nine-home-search .n-h-s-type-nav-sub-box{
    top:36px;
}


.fixed-nine-home-search .n-h-s-type-nav:hover .n-h-s-type-nav-subs{
    /* top:44px;
    left:0px;
    width:135px; */
}

.fixed-nine-home-search .n-h-s-type-nav{
    font-size:14px;
    line-height:36px;
}
.fixed-nine-home-search input{
    width:60%;
    line-height:38px;
    font-size:16px;
}
.fixed-nine-home-search .n-h-s-icon-bar{
    width: 38px;
    height: 38px;
    min-width:38px;
}

.wp-1432{
    max-width: 1432px;
    margin: 0 auto;
}
.ul-imgtxtq1 .txt h3 .title{
    font-size:20px;
    font-weight:500;
}

.flb-r-ddls-item .el-dropdown{
    font-size:16px;
    color:#4D4D4D;
}

.new-ins-con-box-con{
    padding-top:12px;
    width:100%;
	/* padding-left:80px; */
	padding-left:24px;
	padding-right:60px;
    /* overflow: hidden; */
}
.new-ins-con-box-con .ul-imgtxtq1{
margin-top:0px;
}
.fixed-ns-top{
    position: fixed;
    top:78px;
    height:100%;
    background:#fff;
}
.fixed-ns-cbox-con{
    position: fixed;
    left:240px;
    width:calc(100vw - 240px);
}

/* .new-ins-con-box-left-menus::-webkit-scrollbar{
    width: 3px;
    height: 8px;
    background-color: transparent;
  }
  .new-ins-con-box-left-menus::-webkit-scrollbar-track{
    background-color: transparent;
  }
  .new-ins-con-box-left-menus::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #DBDBDB;
  }
  .new-ins-con-box-left-menus::-webkit-scrollbar-button{
    height: 0;
  }
   
  .new-ins-con-box-left-menus::-webkit-scrollbar-corner{
    background-color: transparent;
  } */
  

  /*滚动条整体部分,必须要设置*/
.custom-scroll::-webkit-scrollbar{
    width: 3px;
    height: 8px;
    background-color: transparent;
}
/*滚动条的轨道*/
.custom-scroll::-webkit-scrollbar-track{
    background-color: transparent;
}
/*滚动条的滑块按钮*/
.custom-scroll::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #3e3e40;
}
/*滚动条的上下两端的按钮*/
.custom-scroll::-webkit-scrollbar-button{
    height: 0;
}

/* 两个滚动条的交汇处 */
.custom-scroll::-webkit-scrollbar-corner{
    background-color: transparent;
}

  .con-box-left-menu-subs{
      display: none;
      margin-top:25px;
  }
  .new-ins-con-box-left-menus > ul:first-child>.con-box-left-menu-subs{
      display: block;
  }

  .for-ops{
      position: absolute;
      right:21px;
      bottom:0px;
  }

  .for-ops i:hover{
      background-color:#EBEDF5;
  }
.con-box-left-menu-subs li.cbox-menu-search input:focus{
	border:1px solid #f6f6f6 !important;
}

.nine-ins-search{
    top:60px;
    position: relative;
    width:871px;
    margin: 0 auto;
}
.nine-ins-search .nine-home-search{
    top:0px;
}
.hot-search-keys{
    display: flex;
    color:#fff;
    position: relative;
    z-index: 1;
    font-size:14px;
    margin-top:15px;
    justify-content: center;
}
.hot-search-keys .label{
    white-space:nowrap;
}
.hot-search-keys a{
    color:#fff;
    font-weight:500;
}
.hot-search-keys a:hover{
    text-decoration: underline;
}
.temp-search-keys-area{
    margin-bottom:24px;
    display: flex;
    flex-wrap: wrap;
}
.temp-search-keys-area span{
    border:1px solid #ddd;
    line-height:36px;
    height:36px;
    padding:0px 10px;
    padding-left:15px;
    display: inline-block;
    border-radius:18.67px;
    display: flex;
    align-items: center;
    margin-right:10px;
    font-weight:500;
    font-size:14px;
    /* margin-bottom:10px; */
}
.temp-search-keys-area span .remove-keyword-btn{
    margin-left:5px;
}
.temp-search-keys-area span:hover{
    border-color:#11CCB1;
    cursor: pointer;
}
.temp-search-keys-area span.clear-all-btn{
    border:none;
    color:#11CCB1;
}

.mutiple-column-fourth{
    display: flex;
    flex-wrap: wrap;
    /* margin-top:40px; */
    padding-top:40px;
    margin-top:44px;
    padding-left:24px;
    /* padding-right:24px; */
}
.mutiple-column-fourth dd{
    width:19%;
    /* margin-right:10px; */
    /* margin-top:0px !important; */
    margin-bottom:24px;
    /* height:224px; */
    margin-right:1%;
    margin-top:0px !important;
    position: relative;
}
.mutiple-column-fourth dd:nth-child(5n){
    margin-right:0px;
}
.mutiple-column-fourth dd .pic,.mutiple-column-fourth dd .pic img{
    /* height:100% !important; */
}



.mutiple-column-fivth{
    display: flex;
    flex-wrap: wrap;
    /* margin-top:40px; */
    /* -moz-column-count:5;
    -webkit-column-count:5;
    column-count:5; */
    padding-top:40px;
    margin-top:30px;
    padding-left:24px;
    overflow: inherit !important;
    /* transform: translateX(15px); */
}
.mutiple-column-fivth dd{
    width:24%;
    /* margin-right:10px; */
    /* margin-top:0px !important; */
    margin-bottom:24px;
    margin-right:1%;
    margin-top:0px !important;
    position: relative;
    overflow: inherit !important;
}

.m-textq1 .new-txt dd .pic img {
    width: auto;
    /* margin: 0 auto; */
    border-radius:6px;
    cursor: pointer;
}
.mutiple-column-fivth dd:nth-child(4n){
    margin-right:0px;
}

.new-txt-mtop .mutiple-column-fivth dd .pic img{
    width:100%;
}
.login-user {
    position: relative;
}
.login-user .pic{
    height: 78px;
    display: flex;
    align-items: center;
}
.login-user .pic a{
    display: flex;
    align-items: center;
}
.login-user .pic img{
    width:36px;
    min-width:36px;
    height:36px;
    border-radius:36px;
    object-fit: cover;
}
/* .login-user:hover .login-user-submenus{
    display: inline-block;
} */
.login-user-submenus{
    position: absolute;
    top:78px;
    /* background: #fff; */
    background:transparent;
    right:-99px;
    width:261.99px;
    padding-top:8px;
    height:423px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-bottom:26px;
    /* box-shadow:rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px; */
    /* backdrop-filter: saturate(180%) blur(16px);
  background-color: rgba(255, 255, 255, 0.9); */
    display: none;
}
.login-user-submenus h3{
    font-size: 16px;
    color: #000000;
    line-height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight:bold;
    width:198px;
    margin:0 auto;
}
.login-user-submenus h3 i{
    font-style: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
.login-user-submenus dl{
    margin:21px auto 0px auto;
    border-bottom:1px solid #ddd;
    padding-bottom:12px;
}
.login-user-submenus dl dd{
    width:198px;
    margin:0px auto 8px auto;
    border-radius:12px;
    overflow:hidden;
}
.login-user-submenus dl dd a{
    font-size:14px;
    display: inline-block;
    width:100%;
    background-color:#F5F5FA;
    line-height: 46px;
    color:#565A71;
    padding-left:45px;
}
.login-user-submenus dl dd a:hover{
    background-color:#EBEDF5;
    color:#565A71;
}
.login-user-submenus h3>img{
    width:40px;height:40px;
    border-radius:40px;
    margin-right:10px;
    object-fit: cover;
}

.login-sys-notice .icon-notice{
    
}
.login-sys-notice .icon-notice.has-unread:after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    position: absolute;
    right: -4px;
    top: -4px;
    background: #EF6A63;
}
.login-sys-notice{
    display: flex;
    align-items: center;
    margin-right:27px;
}
.nine-home-new-works{
    margin-left:0px;
}
.nine-home-new-works li{
	width:456px;
	margin-bottom:76px;
    padding:0px;
    margin-right:30px;
}
.nine-home-new-works li:nth-child(3n){
    margin-right:0px;
}
.nine-home-new-works li .pic>img{
    height:342px !important;
}
.nine-home-new-works li .con h3{
    line-height:23px;
}
.nine-home-new-works li .con .txt .top{
    line-height:15px;
    margin-top:16px;
}
.mini-cat-name{
    color:#11CCB1;
    margin:21px 0px 20px 0px;
    display: inline-block;
    line-height:11px;
}
.kj-reply-btn .btn-box{
    width:40px;height:40px;
    background:#4FDBC8;
    border-radius:30px;
    cursor: pointer;
    display: inline-block;
	box-shadow:0px 2px 10px 0px #4fdbc8;
    /* background-image:url('../../assets/20220311/22_0311_cmt.png'); */
    background-repeat: no-repeat;
    background-position:13px 8px;
}
.kj-reply-fright{
    bottom:64px;
}
.kj-reply-btn i{
    font-style: normal;
    color:#fff;
    font-size:12px;
    position: absolute;
    bottom:7px;
    text-align: center;
    cursor: pointer;
    width:100%;
}

.kj-reply-p-box{
    /* width:270px; */
    width:195px;
    line-height:60px;
    border:1px solid #E0DFE4;
    /* height:60px; */
    height:40px;
    transition:.2s all linear;
    position: absolute;
    right:-300px;
    border-radius:30px;
    padding:9px;
    background:#fff;
	box-shadow:0px 0px 3px 0px #E0DFE4;
    display: flex;
    align-items: center;
    z-index: 4;
    user-select: none;
    /* bottom:14px; */
    bottom:4px;
}
.kj-reply-p-box .rp-u-img{
    width:26px;height:26px;
    border-radius:26px;
    margin-right:10px;
    object-fit: cover;
}
.kj-reply-p-box .rp-tip-m-str{
    font-size:12px;
    white-space:nowrap;
    color:#888888;
}
.kj-reply-p-box .remove-keyword-btn{
    color:#000;
    position: relative;
    width:10px;
    bottom:0px;
    font-weight:bold;
    font-size:14px;
}
.rp-face-thirds{
    display: flex;
    align-items: center;
    margin:0px 10px;
    width:50%;
}
.rp-face-thirds img{
    margin-right:12px;
    cursor: pointer;
    border-radius:34px;
    width:22px;height:22px;
}
.nie-global-search-result-box{
    border:1px solid #D8DBEB;
    position: absolute;
    background:#fff;
    top:46px;
    left:0px;
    width:100%;
    padding:26px;
    padding-right:14px;
    border-radius:16px;
}
.nie-global-search-result-box .wrapp-box{
    max-height:514px;
    overflow-y:auto;
}
/*滚动条整体部分,必须要设置*/
.nie-global-search-result-box .wrapp-box::-webkit-scrollbar{
    width: 3px;
    height: 8px;
    background-color: transparent;
  }
  /*滚动条的轨道*/
  .nie-global-search-result-box .wrapp-box::-webkit-scrollbar-track{
    background-color: transparent;
  }
  /*滚动条的滑块按钮*/
  .nie-global-search-result-box .wrapp-box::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #DBDBDB;
  }
  /*滚动条的上下两端的按钮*/
  .nie-global-search-result-box .wrapp-box::-webkit-scrollbar-button{
    height: 0;
  }
   
  /* 两个滚动条的交汇处 */
  .nie-global-search-result-box .wrapp-box::-webkit-scrollbar-corner{
    background-color: transparent;
  }

.nbsrb-tit{
    font-size:16px;
    font-weight:500;
    color:#000;
    line-height:16px;
}

.his-result-items{
    margin-top:12px;
    margin-bottom:12px;
    display:flex;
    flex-wrap: wrap;
    user-select: none;
}
.his-result-items span{
    border:1px solid #D8DBEB;
    color:#000;
    font-size:14px;
    height:36px;
    line-height: 36px;
    border-radius:36px;
    padding:0px 15px;
    margin-right:10px;
   margin-bottom:5px;
}
.his-result-items span i{
    font-weight:bold;
    margin-left:8px;
}
.his-result-items span:hover{
    background:#F5F6FA;
    cursor: pointer;
}
.his-result-items span i:hover{
    color:red;
}
.his-result-items span{
    display: flex;
    align-items: center;
}
.his-result-items span img{
    width:39px;height:29px;
    border-radius:6px;
    margin-right:15px;
    object-fit: cover;
}
.his-result-items span em{
    overflow: hidden;
    white-space: nowrap;
    max-width:120px;
    text-overflow: ellipsis;
}

.home-his-fix{
    top:68px;
}
.header-fix-mask{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 222;
    background: #fff;
    opacity: 0;
}
.cus-loading{
    position: relative;
    background-color: black;
    opacity: 1;
    -webkit-animation: spScaleAlpha 1s infinite linear;
    animation: spScaleAlpha 1s infinite linear;
    border-radius: 50%;
    background-color: #000;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    display: inline-block;
}
.cus-loading:before,.cus-loading:after{
    content:'';
    border-radius: 50%;
    background-color: #000;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    display: inline-block;
    position: relative;
    opacity: 0.25;
}
.cus-loading:before{
    left: 30px;
    top: 0px;
    -webkit-animation: spScaleAlphaBefore 1s infinite linear;
    animation: spScaleAlphaBefore 1s infinite linear;
}
.cus-loading:after{
    left: -30px;
    top: -23px;
    -webkit-animation: spScaleAlphaAfter 1s infinite linear;
    animation: spScaleAlphaAfter 1s infinite linear;
}
@-webkit-keyframes spScaleAlpha {
    0% {
      opacity: 1;
    }
    33% {
      opacity: 0.25;
    }
    66% {
      opacity: 0.25;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes spScaleAlpha {
    0% {
      opacity: 1;
    }
    33% {
      opacity: 0.25;
    }
    66% {
      opacity: 0.25;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes spScaleAlphaBefore {
    0% {
      opacity: 0.25;
    }
    33% {
      opacity: 1;
    }
    66% {
      opacity: 0.25;
    }
  }
  @keyframes spScaleAlphaBefore {
    0% {
      opacity: 0.25;
    }
    33% {
      opacity: 1;
    }
    66% {
      opacity: 0.25;
    }
  }
  @-webkit-keyframes spScaleAlphaAfter {
    33% {
      opacity: 0.25;
    }
    66% {
      opacity: 1;
    }
    100% {
      opacity: 0.25;
    }
  }
  @keyframes spScaleAlphaAfter {
    33% {
      opacity: 0.25;
    }
    66% {
      opacity: 1;
    }
    100% {
      opacity: 0.25;
    }
  }
  .cus-loading-box{
      text-align: center;
  }

  .bs-result-items span{
    border-radius:8px;
    max-width:199px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom:12px;
    height:42px;
    line-height:42px;
  }

  .new-inspiration-con-box .ul-imgtxtq1 li{
      width:24%;
      margin-right:18px;
  }

  .new-inspiration-con-box .ul-imgtxtq1 li:nth-child(4n){
      margin-right:0px;
  }

  .mutiple-column-fivth dd:hover .meo-opts,.mutiple-column-fourth dd:hover .meo-opts,.mutiple-column-fourth dd:hover .pic-basic-info,.mutiple-column-fivth dd:hover .pic-basic-info{
    opacity:1;
  }
  .m-textq1 .new-txt dd .pic img:hover{
      transform: scale(1.08);
  }
  .nine-search-tab.ls li{
      margin:0px;
      margin-right:40px;
  }
  .nine-search-tab li a.con{
      color:#47C4B2 !important;
      padding:0px !important;
  }
  .nine-search-tab li.on a.con{
      color:#000 !important;
  }
  .nine-search-tab li.on a.con:after{
    background-color: #000;
    bottom:-1px !important;
  }
  .nine-search-tab-top ul{
      line-height:69px !important;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
  }
  .nine-search-tab li a.con:hover:after{
    background-color: #000 !important;
    bottom:-1px !important;
  }
  .nine-search-tab li a.con:hover{
      color:#000 !important;
  }
  .nine-search-tab-top ul:after{
      display: none;
  }
  .nine-search-tab-top ul>.el-dropdown{
      position: absolute;
      right:0px;
  }
  .i-label{
      font-size:16px;
      font-style: normal;
      color:#aaa;
  }
  .nine-search-tab-top ul>.el-dropdown .el-dropdown-link,.n-work-filter-area .right >.el-dropdown .el-dropdown-link{
      font-size:16px;
      color:#4D4D4D;
  }

  .fixed-nine-home-search .n-h-s-type-nav{
      max-width:135px;
  }

  .n-work-panel-tit{
	font-size:48px;
	color:#000;
	font-weight:bold;
	/* line-height: 46px; */
	/* margin-bottom:25px; */
	/* padding-top:82px; */
}
.n-work-filter-area{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.n-work-filter-area .desc{
	font-size: 16px;
	line-height:16px;
}
.n-work-filter-area .el-dropdown:last-child{
	margin-left:35px;
}
.n-work-top{
	padding-bottom:15px;
}

.new-page-layout{
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-page-layout .page-tip{
	font-size:16px;
	color:#808080;
	margin:0px 18px;
}
.copyright-box .contacts{
    line-height: 90px;
    height: 90px;
}
.copyright-box .contacts a{
    height:100%;
    display: flex;
    align-items: center;
}
.copyright-box .contacts a>img{
    width:44px;height:44px;
    transition:none;
}
.global-search-default-show{
    display: flex !important;
}

.global-keyword-searchs{
    border: 1px solid #D8DBEB;
    position: absolute;
    background: #fff;
    top: 46px;
    left: 0px;
    width: 100%;
    padding:32px 16px 32px 16px;
    border-radius: 16px;
    max-height: 514px;
    overflow-y: auto;
}

.global-keyword-searchs .searchs-item{
    font-size:16px;
    font-weight:500;
    line-height:44px;
    cursor: pointer;
    white-space: nowrap;
    padding-left:21px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius:8px;
    transition:.3s all linear;
    margin-bottom:2px;
}
.global-keyword-searchs .searchs-item:hover{
    background:#EBEDF5;
}
.global-keyword-searchs .searchs-item.active{
    background:#EBEDF5;
}
.global-keyword-searchs .searchs-item em{
    color: #11CCB1;
    font-weight:500;
}

/*滚动条整体部分,必须要设置*/
.global-keyword-searchs::-webkit-scrollbar{
    width: 3px;
    height: 8px;
    background-color: transparent;
  }
  /*滚动条的轨道*/
  .global-keyword-searchs::-webkit-scrollbar-track{
    background-color: transparent;
  }
  /*滚动条的滑块按钮*/
  .global-keyword-searchs::-webkit-scrollbar-thumb{
    border-radius: 3px;
    background-color: #DBDBDB;
  }
  /*滚动条的上下两端的按钮*/
  .global-keyword-searchs::-webkit-scrollbar-button{
    height: 0;
  }
   
  /* 两个滚动条的交汇处 */
  .global-keyword-searchs::-webkit-scrollbar-corner{
    background-color: transparent;
  }




  .m-textq1 .nine-new-work-top{
      /* height:399px; */
      padding:0px;
      /* background:#FCFCFC; */
      padding-bottom:40px;
      position: relative;
      overflow:initial;
  }

  
.ins-info-cbox-ops{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width:50%;
  }
  .ins-info-cbox-ops span{
    line-height: 44px;
    border: 1px solid #E6E6E6;
    min-width: 104px;
    text-align: center;
    margin-right:24px;
    font-size: 16px;
    border-radius: 8px;
    color: #010101;
    font-weight:500;
    cursor: pointer;
  }
  .ins-info-cbox-ops span:hover{
    border-color:#010101;
  }
  .ins-info-cbox-ops span:first-child{
    margin-right:10px;
  }

  
  .i-info-zan-ed:hover{
    border-color:#000 !important;
  }

  .nine-new-work-top>div{
      text-align: center;
      color:#000;
  }

  .nine-new-work-top .ins-info-cbox-ops{
      width:47%;
  }
  .nine-new-work-top-work-tit{
      font-size:48px;
      font-weight:700;
      line-height: 47px;
      margin-bottom:50px;
      max-width: 1432px;
      margin:0px auto 50px auto;
  }
  .nine-new-work-top-mini-type{
      font-size:12px;
      color:#11CCB1;
      line-height:11px;
      margin-top:87px;
      margin-bottom:24px;
  }
  .nine-new-work-top-work-author-nickname{
      font-size:16px;
      font-weight:500;
      line-height:16px;
      margin-bottom:5px;
      display: flex;
      justify-content: center;
  }
  .nine-new-work-top-work-author-nickname span{
    cursor: pointer;
    display: flex;
  }
  .nine-new-work-top-work-author-nickname span:hover{
      color: #00cdb2;
      text-decoration: underline;
  }
  .nine-new-work-top-work-author-time{
      font-size:12px;
      line-height:11px;
      color:#808080;
  }
  .nine-new-work-top-work-author-img{
      height:46px;
      margin-bottom:16px;
  }
  .nine-new-work-top-work-author-img img{
      width:46px;height:46px;border-radius:46px;
      cursor: pointer;
  }
  .nine-new-work-top-atbtn-box{
      margin-top:14px;
      display: flex;
      align-items: center;
      padding-left:24px;
      justify-content:space-between;
      position: relative;
  }
  .nine-new-work-top-atbtn-box .cur-zans{
      /* width:46%; */
  }
  .nine-new-work-top-atbtn-box .at-btn{
    line-height:34px;
    border-radius:34px;
    display: inline-block;
    min-width:72px;
    user-select: none;
    cursor: pointer;
    font-size:14px;
    transition:.2s all linear;
    border:1px solid #E6E6E6;
  }
  .nine-new-work-top-atbtn-box .at-btn:hover{
      border-color:#010101;
  }
  .nine-new-work-top-atbtn-box .at-btn.at-unattention{
      background:#11CCB1;
      border-color:#12c1a8;
      color:#fff;
  }
  .nine-new-work-top-atbtn-box .at-btn.at-unattention:hover{
      background:#12c1a8;
  }

.cur-zans{
    display: flex;
    align-items: center;
    width:20%;
    margin-right:10px;
    justify-content: flex-start;
  }
 .cur-zans .ups{
    display: flex;
    align-items: center;
    position: relative;
    margin-right:6px;
  }
  .cur-zans .ups.w40{
      width:40px;
  }
  .cur-zans .ups.w53{
      width:53px;
  }
  .cur-zans .ups.w66{
      width:66px;
  }
  .cur-zans .ups img{
    position: absolute;
    width:40px;height:40px;
    border:2px solid #fff;
    border-radius:40px;
    cursor: pointer;
  }
  .cur-zans .ups img:nth-child(1){
    left:0px;
  }
  .cur-zans .ups img:nth-child(2){
    left:13px;
  }
  .cur-zans .ups img:nth-child(3){
    left:26px;
  }
  .cur-zans .u-nums span{
    font-size:12px;
    display:block;
    text-align: left;
  }
  .cur-zans .u-nums span i{
    font-style: normal;
    color:#11CCB1;
    margin-right:5px;
    font-weight:500;
  }

  .nine-new-work-top .marquee-comments{
      bottom:103px;
  }

  .ul-imgtxtq1 .txt h3 .title.old-title{
      font-size:14px;
      font-weight:700;
  }
  #nprogress .spinner{
      display: none !important;
  }

  .global-keyword-searchs-top{
      top:68px;
  }

  .ul-imgtxtq1 .pic .collection-cnt{
	position: absolute;
	color:#fff;
	font-size:12px;
	line-height: 18px;
	padding:0px 8px;
	right:10px;
	bottom:10px;
	z-index:1;
}
.ul-imgtxtq1 .pic .collection-cnt:after{
	content: '';
    position: absolute;
    width: 100%;
	background:#000;
    height: 100%;
    left: 0px;
	border-radius:2px;
    top: 0px;
	opacity:.6;
	z-index:-1;
}

.ul-imgtxtq1 a:hover .collection-cnt{
	opacity:0;
}

.new-size-tags img{
    width:16px;height:16px;
    margin-top:5px;
}

.news-tags{
    position: absolute;
    right:10px;
    bottom: 5px;
    display: flex;
}
.news-tags-pos{
    bottom:-12px;
}
.basic-game-name-wrapper{
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width:100%;
}
.basic-game-name-wrapper .big-a-tags{
    position: absolute;
    /* right:10px; */
    left:10px;
    top:20px;
}
.nine-new-work-top .basic-game-name-wrapper .big-a-tags{
    top:5px;
}

.n-mob-menu-navs{
    display: none;
}
.left-navs>a{
    min-width:107px;
}
body.open{
    overflow:hidden;
}
.zs-item.zs-has-close{
    display: flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom:20px;
}
.zs-item.zs-has-close i{
    font-size:22px;
    font-weight:500;
    color:#00cdb2;
}
/* .wp-1432 .desc .desc-str{
    width:1430px;
} */
.details-fright li{
    position: relative;
    margin-bottom:16px;
}
.details-fright li a{
    width:40px;
    height:40px;
    /* border:none;
    background-color:#4FDBC8;*/
    /* box-shadow: 0px 2px 10px 0px #4fdbc8;  */
}
.details-fright li a.a-qzone{
    /* background-image:url('../../assets/20220311/22_0311_faved.png'); */
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}

.details-fright li a.a-zan{
    /* background-image:url('../../assets/20220311/22_0311_zaned.png'); */
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}
.details-fright li a.a-qzoned{
    /* background-image:url('../../assets/20220311/22_0311_fav.png'); */
    background-repeat: no-repeat;
    background-size:cover;
    background-color:#fff;
    box-shadow: none;
    box-shadow: 0px 2px 10px 0px #ececec;
}
.details-fright li a.a-zaned{
    /* background-image:url('../../assets/20220311/22_0311_zan.png'); */
    background-repeat: no-repeat;
    background-size:cover;
    background-color:#fff;
    box-shadow: none;
    /* border:1px solid #ECECEC; */
    box-shadow: 0px 2px 10px 0px #ececec;
}
.details-fright li a.a-qzoned em,.details-fright li a.a-zaned em{
    position: absolute;
    bottom:2px;
    width:100%;
    font-weight:500;
    text-align: center;
    color:#00cdb2;
    font-size:12px;
}
.details-fright li:hover .right-fixe-tip-msg{
    z-index:1;
    opacity:1;
}

.ul-imgtxtq1 .top .name a>img{
    margin-right:9px;
    width:20px;height:20px;border-radius:20px;
    object-fit: cover;
    vertical-align: middle;
}

.moodboard-info-box .grid-item{
    margin:5px;
}
.ql-align-center{
    text-align: center;
}
.ql-align-right{
    text-align: right;
}
.eleven-wp{
    max-width:1729px;
    margin:0 auto;
}

.custom-upload-form-control-txtarea,.custom-upload-form-control-txtarea textarea{
    height:74px !important;
}

.change-cover-btn .el-upload:active,.change-cover-btn .el-upload:focus{
    color:#fff;
}
.aten-btn-box .empty{
    opacity:0;
    cursor: default;
}

.no-img-items {
    align-items: center;
    display: flex;
    justify-content: center;
}
.no-img-items .upload-btn {
    background-position:27% !important;
    height:100% !important;
    width:100%;
}
.no-img-items .upload-btn .up-conc{
    height:100% !important;
    width:100%;
}
.no-img-items .upload-btn .up-conc>div{
    height:100% !important;
    display: flex;
    align-items: center;
}
.no-img-items .upload-btn .up-conc .webuploader-pick{
    display:inline-block !important;
    margin-left: 28% !important;
    padding-top:40% !important;
    width:100%;
    color:#8D8D8D;
}
.upload-btn .up-conc>div:first-child span{
    display:block;
}
.no-img-items .upload-btn:active {
    background-color: inherit !important;
}
#zdy_lg_myupload input[type="file"]{
    border:1px solid red;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.close-cursor {
    cursor: url() 10 10,default;
}


.no-pos-add-fav-to {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 365.99px;
    height: 495.99px;
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
    left: initial;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.no-pos-add-fav-to .rp-work-list{
    max-height:225px;
}
.no-pos-add-fav-to .pop-bg {
    display: none;
}
.no-pos-add-fav-to .inner {
    position: inherit;
    right: 0px;
    top: 0px;
    left: initial;
    border-radius:0px;
    transform: translate(0px, 0px);
}
.no-transform{
    transform:translate(0px 0px);
}

.details-fright .kj-author a{
    box-shadow: none;
}
.kj-author{
    position: relative;
}
.kj-author-atten{
    width:16px;height:16px;
    /* background:url('../20220311/22_0311_atten.png'); */
    background-size:cover;
    position: absolute;
    bottom:-2px;
    right:-4px;
    cursor: pointer;
    z-index:1;
}
.kj-author-attened{
    width:16px;height:16px;
    /* background:url('../20220311/22_0311_attened.png'); */
    background-size:cover;
    position: absolute;
    bottom:-2px;
    right:-4px;
    cursor: pointer;
    z-index:1;
}



.pswp__item>div {
    height: fit-content !important;
    width: fit-content !important;
}
.pswp__img--placeholder {
    display: none !important;
}
.pswp__img {
    position: initial !important;
}

.top-key-boxfocus{
    border: 1px solid #5dc9b2;
    box-shadow: rgb(93 201 178 / 25%) 0px 0px 4px, rgb(93 201 178 / 15%) 0px 4px 31px;
}
.sp-replacer{
    width:75px !important;
}

.pic-to-pic-win-control .up-box .inp-paste-box input:focus{
    border:none !important;
}

.pswp-tbar-cusbtn{
    color: #fff;
    background: transparent;
    width: auto;
    border: 1px solid #3c3c3c;
    height: 30px;
    padding: 0 10px;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    position: relative;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none;
    margin-top: 5px;
    margin-right: 10px;
}

.greyscalefilter {
    filter: grayscale(100%);
}

.hidden-red-bod .outer-box {
    display: none!important;
}

.pro-quill-editor{
    background:#23232A;
    height:95%;
    /* border-radius:16px; */
}
.pro-quill-editor .ql-toolbar.ql-snow,.pro-quill-editor .ql-container{
    border:none;
}


/* 处理分页样式 */
/* .el-pagination.is-background .el-pager li:not(.disabled).active {
    border-color: inherit !important;
    background:#11CCB1 !important;
} 
.el-pagination.is-background .btn-prev[disabled='disabled']{
   display: none;
}
.el-pagination.is-background .btn-prev:not(:disabled),.el-pagination.is-background .btn-next:not(:disabled){
    background:#fff;
    border:1px solid #e6e6e6;
    transition:.2s all linear;
}
.el-pagination.is-background .btn-prev:not(:disabled):hover,.el-pagination.is-background .btn-next:not(:disabled):hover{
    background:#11CCB1;
    color:#fff;
} */

.rt-link-clr{
    color:#fff;
}